<template>
  <div class="emr-content-module emr-content-chiefComplaintReview">
    <div class="h3" style="line-height: 2" id="chiefComplaintReview">主诉</div>
    <div
      class="content-wrapper content-wrapper-bodycheck"
      :class="{ locked: d.disabled }"
    >
      <span>上次就诊至今是否有咳嗽</span>
      <span class="inline-block">
        <el-radio-group v-model="d.chiefComplaintReview.attr1">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <span>上次就诊至今是否有咳嗽</span>
      <span class="inline-block">
        <el-radio-group v-model="d.chiefComplaintReview.attr2">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <span>，(过去4周共有咳嗽</span>
      <el-input
        v-model="d.chiefComplaintReview.attr3"
        placeholder=""
        :disabled="d.disabled"
        size="medium"
        maxlength="4"
        style="width: 4rem"
        v-number:2
      ></el-input>
      <span>/喘息发作</span>
      <el-input
        v-model="d.chiefComplaintReview.attr4"
        placeholder=""
        :disabled="d.disabled"
        size="medium"
        maxlength="4"
        style="width: 4rem"
        v-number:2
      ></el-input>
      <span>次.</span>
      <span>于</span>
      <el-input
        v-model="d.chiefComplaintReview.attr5"
        placeholder=""
        :disabled="d.disabled"
        size="medium"
        maxlength="4"
        style="width: 4rem"
        v-number:2
      ></el-input>
      <span>周</span>
      <el-input
        v-model="d.chiefComplaintReview.attr6"
        placeholder=""
        :disabled="d.disabled"
        size="medium"
        maxlength="4"
        style="width: 4rem"
        v-number:2
      ></el-input>
      <span>天前出现),症状持续时</span>
      <el-input
        v-model="d.chiefComplaintReview.attr7"
        placeholder=""
        :disabled="d.disabled"
        size="medium"
        maxlength="4"
        style="width: 4rem"
        v-number:2
      ></el-input>
      <span>天，无咳嗽喘息症状持续时间</span>
      <el-input
        v-model="d.chiefComplaintReview.attr8"
        placeholder=""
        :disabled="d.disabled"
        size="medium"
        maxlength="4"
        style="width: 4rem"
        v-number:2
      ></el-input>
      <span>天，过去4周睡眠过程中有否曾经因为咳嗽、气喘醒来</span>
      <span class="inline-block">
        <el-radio-group v-model="d.chiefComplaintReview.attr8">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <span>。过去4周需要使用药物缓解咳嗽/咳喘症状总有</span>
      <el-input
        v-model="d.chiefComplaintReview.attr9"
        placeholder=""
        :disabled="d.disabled"
        size="medium"
        maxlength="4"
        style="width: 4rem"
        v-number:2
      ></el-input>
      <span>
        次。孩子是否在跑动或玩耍过程中因为咳嗽、气喘或气促被迫停下来：
      </span>
      <span class="inline-block">
        <el-radio-group v-model="d.chiefComplaintReview.attr10">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <span>（近4周是否有出现</span>
      <span class="inline-block">
        <el-radio-group v-model="d.chiefComplaintReview.attr11">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <span>）。有无临时调整治疗方案</span>
      <span class="inline-block">
        <el-radio-group v-model="d.chiefComplaintReview.attr12">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <el-input
        size="medium"
        type="textarea"
        :disabled="d.disabled"
        placeholder="补充内容,限制100个字符以内 "
        :maxlength="100"
        :autosize="{ minRows: 1, maxRows: 4 }"
        v-model="d.chiefComplaintReview.attr13"
        style="margin-top: 0.5rem"
      ></el-input>
    </div>
  </div>
</template>
<script>
  import { reactive } from '@vue/reactivity'
  export default {
    name: 'chiefComplaintReview',
    setup() {
      const initForm = function () {
        return {
          attr1: '',
          attr2: '',
          attr3: '',
          attr4: '',
          attr5: '',
          attr6: '',
          attr7: '',
          attr8: '',
          attr9: '',
          attr10: '',
          attr11: '',
          attr12: '',
          attr13: '',
        }
      }
      const d = reactive({ chiefComplaintReview: initForm() })
      const getData = function () {
        return d.diagnosticReport
      }
      return {
        d,
        getData,
      }
    },
  }
</script>
<style lang="scss" scoped>
  @import '@/styles/emr.scss';
</style>
